<template>
    <div class="comtics">
        <div class="comtics-top">
            <img @click="$router.push({name:'index'})" src="../image/saoma_icon_fanhui.png" alt="">
            <p>
                妆品对比
            </p>
        </div>
        <div class="comtics-img">
            <img src="../image/WechatIMG950.png" alt="">
            <p>VS</p>
            <img src="../image/WechatIMG951.png" alt="">
        </div>
         <div class="comtics-img">
            <img src="../image/WechatIMG952.png" alt="">
            <p>VS</p>
            <img src="../image/WechatIMG953.png" alt="">
        </div>
         <div class="comtics-img">
            <img src="../image/WechatIMG955.png" alt="">
            <p>VS</p>
            <img src="../image/WechatIMG954.png" alt="">
        </div>
         <div class="comtics-img">
            <img src="../image/WechatIMG941.png" alt="">
            <p>VS</p>
            <img src="../image/WechatIMG949.png" alt="">
        </div>
       
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
    .comtics{
         padding-top: 20px;
    width: 750px;
    height: 100vh;
    box-sizing: border-box;
    .comtics-img{
        margin-top: 102px;
        margin-left: 39px;
        display: flex;
        margin-bottom: 74px;
        justify-content: space-between;
        align-items: center;
        img{
            width: 228px;
            height: 228px;
        }
    p{
        width: 78px;
height: 112px;
font-size: 80px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
line-height: 112px;
// border: 1px solid red;
    }
    }
    .comtics-top{
        width: 400px;
        height: 48px;
        margin-left: 43px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        img{
            width: 12px;
            height: 24px;
        }
        p{
            width: 136px;
            height: 48px;
            font-size: 34px;
            font-family: PingFangSC-Medium-, PingFangSC-Medium;
            font-weight: bold;
            color: #2F2F2F;

        }
    }
    }
</style>

